<div class="wode">
  <!-- 导航栏部分 -->
  <div class="head">
    <headss>
      <div slot="left" class="left">
        <img
          src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/61a8af0c1f655f0011bb51f4/61c94cba1158630011a4e26c/16406704913941163986.png"
          alt="" @click="goto">
      </div>
      <div slot="center" class="centet">
        <p>医疗</p>
      </div>
      <div slot="right" class="right">
        <img
          src="https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/61a8af0c1f655f0011bb51f4/61c94cba1158630011a4e26c/16406704957194059768.png" />
      </div>
    </headss>
  </div>
  <loading :flog="loading"></loading>
  <div class="core-container">
    <div class="scroll-wrapper" ref="scroll">
      <div class="scroll-content">   
        <!-- 轮播图部分 -->
        <div class="swiper-logo">
          <van-swipe height="162" width="345">
            <van-swipe-item v-for="(image, index) in images" :key="index">
              <img v-lazy="image" />
            </van-swipe-item>
          </van-swipe>
        </div>
        <!-- box部分 -->
        <div class="box">
            <div class="box-list" v-for="item in loopData0" :key="item.lanhutext0" @click="gos">
                  <img :src="item.lanhuimage0" alt="">
                  <p>{{item.lanhutext0}}</p>
            </div>  
        </div>
        <!-- 2个部分 -->
        <div class="wenzhan">
            <div class="wenz-box-one" @click="go">
                  <div class="wen-b-t">
                      <p>快速问诊</p>
                      <img src="https://lanhu.oss-cn-beijing.aliyuncs.com/psrcsz52wo7ikwhzzvj8ivjo326aolwf9ex510d7c1a-33f6-41d0-ada0-78b0720874ad" alt="">
                  </div>
                  <p class="desc">实时在线 60秒接诊</p>
            </div>
            <div class="wenz-box-two">
              <div class="wen-b-t">
                  <p>症状自查</p>
                  <img src="https://lanhu.oss-cn-beijing.aliyuncs.com/psrcsz52wo7ikwhzzvj8ivjo326aolwf9ex510d7c1a-33f6-41d0-ada0-78b0720874ad" alt="">
              </div>
              <p class="desc">症状自查 实时搜索</p>
        </div>
        </div>
        <!-- 下面推荐门店部分 -->
        <div class="recommend wp">
          <p class="titls">周边医院</p>
          <div class="rec-list" v-for="item in list" :key="item.id" @click="gotso">
            <div class="recb-l">
              <img :src="item.image" alt="">
            </div>
            <div class="recb-r">
              <p class="title">{{item.name}}</p>
              <div class="rate">
                <van-rate v-model="value" readonly :size="16" color="#ffd21e" void-icon="star" void-color="#FCCB30" />
              </div>
              <p class="info">{{item.dress}}</p>
              <div class="distance">
                <img
                  src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/61a8af0c1f655f0011bb51f4/61c94cba1158630011a4e26c/16406704916470259640.png"
                  alt="">
                <p class="data">{{item.juli}}</p>
              </div>            
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>